<template>
  <div class="my-code">
    <van-sticky>
      <van-nav-bar title="我的二维码" left-arrow @click-left="onClickLeft" />
    </van-sticky>

    <div class="the-Info-card">
      <div class="child-one">
        <van-image
          round
          width="60px"
          height="60px"
          :src="require('@/assets/imgs/personCenter/header.png')"
        />
        <div class="the-name">
          <span>张三</span>
          <br />
          <span class="Profession">职位：医废处置公司收集员</span>
        </div>
      </div>
      <div class="child-two">
        <van-image
          width="200px"
          height="200px"
          :src="require('@/assets/imgs/personCenter/theCode.png')"
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
  //请求数据
  created() {},
};
</script>

<style scoped lang ='less' >
.my-code {
  width: 100vw;
  height: 100vh;
  background-color: #f2f2f2;
  .the-Info-card {
    margin: 90px 20px 0 20px;
    /* line-height: 85vh; */
    height: 466px;
    background-color: #ffffff;
    border-radius: 15px;
    .child-one {
      height: 113px;
      line-height: 112px;
      border-bottom: 1px solid #dcdcdc;
      display: flex;
      justify-content: center;
      align-items: center;
      & .the-name {
        display: inline-block;
        line-height: 30px;
        margin-left: 20px;
        & > span:nth-child(1) {
          color: #333333;
          font-size: 20px;
        }
        .Profession {
          color: #707070;
        }
      }
    }
    .child-two{
        margin-top: 50px;
        text-align: center;
    }
  }
}
</style>
